﻿<!-- Mastercard -->
<Canvas 
        xmlns="http://schemas.microsoft.com/client/2007"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

    

    <Canvas x:Name="LayoutRoot" 
        Width="51.586426" Height="75.018066">

        <Canvas.RenderTransform>
            <ScaleTransform x:Name="ScaleAspect" ScaleX="1" ScaleY="1"/>
        </Canvas.RenderTransform>

        <Canvas.Resources>

            <Storyboard x:Name="MoveAspectX">
                <DoubleAnimationUsingKeyFrames  BeginTime="00:00:00" Storyboard.TargetName="LayoutRoot" Storyboard.TargetProperty="(Canvas.Left)">
                    <SplineDoubleKeyFrame x:Name="MoveAspectAnimX" KeyTime="00:00:01" Value="1.1" KeySpline="0.5,0,0.504,1"/>
                </DoubleAnimationUsingKeyFrames>
            </Storyboard>

            <Storyboard x:Name="MoveAspectY">
                <DoubleAnimationUsingKeyFrames  BeginTime="00:00:00" Storyboard.TargetName="LayoutRoot" Storyboard.TargetProperty="(Canvas.Top)">
                    <SplineDoubleKeyFrame x:Name="MoveAspectAnimY" KeyTime="00:00:01" Value="1.1" KeySpline="0.5,0,0.504,1"/>
                </DoubleAnimationUsingKeyFrames>
            </Storyboard>

            <Storyboard x:Name="AspectResize">
                <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="ScaleAspect" Storyboard.TargetProperty="ScaleTransform.ScaleX">
                    <SplineDoubleKeyFrame x:Name="AspectResizeKeyFrameX" KeyTime="00:00:01" Value="1.1" KeySpline="0.5,0,0.504,1"/>
                </DoubleAnimationUsingKeyFrames>
                <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="ScaleAspect" Storyboard.TargetProperty="ScaleTransform.ScaleY">
                    <SplineDoubleKeyFrame x:Name="AspectResizeKeyFrameY" KeyTime="00:00:01" Value="1.1" KeySpline="0.5,0,0.504,1"/>
                </DoubleAnimationUsingKeyFrames>
            </Storyboard>

            <Storyboard x:Name="AspectHighlight">
                <ColorAnimation x:Name="AspectHighlightColor" Storyboard.TargetName="AspectOutline" Storyboard.TargetProperty="(Stroke).(Color)" To="Green" Duration="00:00:00.5"/>
            </Storyboard>

        </Canvas.Resources>



        <!--HorizontalAlignment="Center" VerticalAlignment="Bottom" Margin="0,0,0,5"-->

        <!-- reflection -->
        <Canvas RenderTransformOrigin="0.5,0.5" Height="28.911" Width="42.654" Canvas.Left="-1.64" Canvas.Top="39.454">
            <Canvas.RenderTransform>
                <TransformGroup>
                    <ScaleTransform ScaleX="1" ScaleY="-1"/>
                    <SkewTransform AngleX="0" AngleY="0"/>
                    <RotateTransform Angle="22.616"/>
                    <TranslateTransform X="0" Y="0"/>
                </TransformGroup>
            </Canvas.RenderTransform>

            <Rectangle  StrokeThickness="1" RadiusX="2" RadiusY="2" Width="37.878" Height="26.282" Canvas.Left="1.792" Canvas.Top="0.628">
                <Rectangle.Fill>
                    <LinearGradientBrush MappingMode="Absolute" EndPoint="77.99,83.912" StartPoint="54.423,62.098">
                        <LinearGradientBrush.Transform>
                            <TransformGroup>
                                <MatrixTransform Matrix="1,0,0,-1,-35.645508,91.403809"/>
                            </TransformGroup>
                        </LinearGradientBrush.Transform>
                        <GradientStop Color="#300E79CC" Offset="0.003650"/>
                        <GradientStop Color="#100070CA" Offset="0.261824"/>
                        <GradientStop Color="#000070CA" Offset="0.996350"/>
                    </LinearGradientBrush>
                </Rectangle.Fill>
            </Rectangle>

            <TextBlock Width="39.073" Height="4.625" FontSize="3" Text="3141  5926  5358  9793" TextWrapping="Wrap" Canvas.Left="3.581" Canvas.Top="12.487" Foreground="#7EFFFFFF"/>
    <TextBlock Width="27.308" Height="4.082" FontSize="3" Text="MR. JOHN SMITH" TextWrapping="Wrap" Canvas.Left="2.959" Canvas.Top="21.17" Foreground="#7EFFFFFF"/>
    <Canvas Width="7.791" Height="5.083" Canvas.Left="30.267" Canvas.Top="20.086" Opacity="0.5">
      <Rectangle Fill="#FFFFFFFF" Stroke="#FFFFFFFF" StrokeThickness="1" RadiusX="0.5" RadiusY="0.5" Width="7.792" Height="5.071" Canvas.Top="0"/>
      <Ellipse  StrokeThickness="1" Width="3.606" Height="3.606" Opacity="0.41" Canvas.Left="0.587" Canvas.Top="0.644">
        <Ellipse.Fill>
          <LinearGradientBrush EndPoint="2.285,1.024" StartPoint="0.155,-0.006">
            <GradientStop Offset="0.010949" Color="#ffffffff"/>
            <GradientStop Offset="0.102190" Color="#ffc0def4"/>
            <GradientStop Offset="0.346715" Color="#ffa0caeb"/>
            <GradientStop Offset="0.450175" Color="#ff83b7e2"/>
            <GradientStop Offset="0.744526" Color="#ff65a3d8"/>
            <GradientStop Offset="0.927007" Color="#ffc0def4"/>
            <GradientStop Offset="1.000000" Color="#ffffffff"/>
          </LinearGradientBrush>
        </Ellipse.Fill>
      </Ellipse>
      <Ellipse  StrokeThickness="1" Width="3.606" Height="3.606" Opacity="0.41" Canvas.Left="3.569" Canvas.Top="0.644">
        <Ellipse.Fill>
          <RadialGradientBrush>
            <RadialGradientBrush.RelativeTransform>
              <TransformGroup>
                <ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="4.87" ScaleY="4.87"/>
                <SkewTransform AngleX="0" AngleY="0" CenterX="0.5" CenterY="0.5"/>
                <RotateTransform Angle="0" CenterX="0.5" CenterY="0.5"/>
                <TranslateTransform X="1.589" Y="-0.206"/>
              </TransformGroup>
            </RadialGradientBrush.RelativeTransform>
            <GradientStop Offset="0.003650" Color="#ff5796d0"/>
            <GradientStop Offset="0.215537" Color="#ff397bbe"/>
            <GradientStop Offset="0.467153" Color="#ff1b60ac"/>
            <GradientStop Offset="0.751825" Color="#ff4a8bc9"/>
            <GradientStop Offset="1.000000" Color="#ffa0caeb"/>
            <GradientStop Offset="0.775305" Color="#ff5e95cc"/>
          </RadialGradientBrush>
        </Ellipse.Fill>
      </Ellipse>
    </Canvas>
  </Canvas>

        <!-- icon body -->
        <Canvas RenderTransformOrigin="0.5,0.5" Height="28.911" Width="42.577" Canvas.Left="-1.638" Canvas.Top="1.815"
          		x:Name="IconBody">
            <Canvas.RenderTransform>
                <TransformGroup>
                    <ScaleTransform ScaleX="1" ScaleY="1"/>
                    <SkewTransform AngleX="0" AngleY="0"/>
                    <RotateTransform Angle="-22.616"/>
                    <TranslateTransform X="0" Y="0"/>
                </TransformGroup>
            </Canvas.RenderTransform>
            <Rectangle x:Name="AspectOutline" Stroke="#FFFFFFFF" StrokeThickness="1.5" RadiusX="2" RadiusY="2" Width="41.667" Height="28.911">
                <Rectangle.Fill>
                    <RadialGradientBrush Center="1.53,1.788" GradientOrigin="1.203,1.249" RadiusX="0.674" RadiusY="0.972" MappingMode="RelativeToBoundingBox" >
                        <RadialGradientBrush.RelativeTransform>
                            <TransformGroup>
                                <ScaleTransform CenterX="1.53" CenterY="1.788" ScaleX="0.874" ScaleY="1.556"/>
                                <SkewTransform AngleX="0" AngleY="1.683" CenterX="1.53" CenterY="1.788"/>
                                <RotateTransform Angle="-39.768" CenterX="1.53" CenterY="1.788"/>
                                <TranslateTransform X="-0.677" Y="-0.705"/>
                            </TransformGroup>
                        </RadialGradientBrush.RelativeTransform>
                        <GradientStop Offset="0.003650" Color="#ff5796d0"/>
                        <GradientStop Offset="0.215537" Color="#ff397bbe"/>
                        <GradientStop Offset="0.467153" Color="#ff1b60ac"/>
                        <GradientStop Offset="0.751825" Color="#ff4a8bc9"/>
                        <GradientStop Offset="1.000000" Color="#ffa0caeb"/>
                        <GradientStop Offset="0.775305" Color="#ff5e95cc"/>
                    </RadialGradientBrush>
                </Rectangle.Fill>
            </Rectangle>
            <TextBlock Width="37.878" Height="4.417" Canvas.Left="3.789" Canvas.Top="12.695" FontSize="3" Text="3141  5926  5358  9793" TextWrapping="Wrap"/>
    <TextBlock Width="38.086" Height="4.625" FontSize="3" Text="3141  5926  5358  9793" TextWrapping="Wrap" Canvas.Left="3.581" Canvas.Top="12.487" Foreground="#FFFFFFFF"/>
    <TextBlock Width="25.309" Height="4.165" Canvas.Left="3.208" Canvas.Top="21.336" FontSize="3" Text="MR. JOHN SMITH" TextWrapping="Wrap"/>
    <TextBlock Width="27.308" Height="4.082" FontSize="3" Text="MR. JOHN SMITH" TextWrapping="Wrap" Canvas.Left="2.959" Canvas.Top="21.17" Foreground="#FFFFFFFF"/>
    <Canvas Width="7.791" Height="5.093" Canvas.Left="30.267" Canvas.Top="20.079">
      <Rectangle Fill="#FFFFFFFF" Stroke="#FFFFFFFF" StrokeThickness="1" RadiusX="0.5" RadiusY="0.5" Width="7.792" Height="4.971" Canvas.Top="0"/>
      <Ellipse  StrokeThickness="1" Width="3.606" Height="3.606" Canvas.Left="0.587" Canvas.Top="0.644">
        <Ellipse.Fill>
          <LinearGradientBrush EndPoint="2.285,1.024" StartPoint="0.155,-0.006">
            <GradientStop Offset="0.010949" Color="#ffffffff"/>
            <GradientStop Offset="0.102190" Color="#ffc0def4"/>
            <GradientStop Offset="0.346715" Color="#ffa0caeb"/>
            <GradientStop Offset="0.450175" Color="#ff83b7e2"/>
            <GradientStop Offset="0.744526" Color="#ff65a3d8"/>
            <GradientStop Offset="0.927007" Color="#ffc0def4"/>
            <GradientStop Offset="1.000000" Color="#ffffffff"/>
          </LinearGradientBrush>
        </Ellipse.Fill>
      </Ellipse>
      <Ellipse  StrokeThickness="1" Width="3.606" Height="3.606" Canvas.Left="3.569" Canvas.Top="0.644">
        <Ellipse.Fill>
          <RadialGradientBrush>
            <RadialGradientBrush.RelativeTransform>
              <TransformGroup>
                <ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="4.87" ScaleY="4.87"/>
                <SkewTransform AngleX="0" AngleY="0" CenterX="0.5" CenterY="0.5"/>
                <RotateTransform Angle="0" CenterX="0.5" CenterY="0.5"/>
                <TranslateTransform X="1.589" Y="-0.206"/>
              </TransformGroup>
            </RadialGradientBrush.RelativeTransform>
            <GradientStop Offset="0.003650" Color="#ff5796d0"/>
            <GradientStop Offset="0.215537" Color="#ff397bbe"/>
            <GradientStop Offset="0.467153" Color="#ff1b60ac"/>
            <GradientStop Offset="0.751825" Color="#ff4a8bc9"/>
            <GradientStop Offset="1.000000" Color="#ffa0caeb"/>
            <GradientStop Offset="0.775305" Color="#ff5e95cc"/>
          </RadialGradientBrush>
        </Ellipse.Fill>
      </Ellipse>
    </Canvas>
  </Canvas>


        <!-- Text -->
        <Canvas x:Name="DetailsText" Canvas.Top="40" Canvas.Left="40" Width="158.833">
            <TextBlock x:Name="TitleText" FontFamily="Segoe UI" FontSize="9" FontWeight="Bold" Foreground="#FF9B9656" TextWrapping="Wrap"><Run Text="Gold Mastercard"/></TextBlock>
            <TextBlock x:Name="DetailsText1" Canvas.Top="10" Canvas.Left="5" Height="17" TextWrapping="Wrap" FontFamily="Segoe UI" FontSize="8" Foreground="#FF000000" Text="Balance:               ^^^^" />
    <TextBlock x:Name="DetailsText2" Canvas.Top="20" Canvas.Left="5" Height="17" TextWrapping="Wrap" FontFamily="Segoe UI" FontSize="8" Foreground="#FFA7A47F" Text="Last Trans.:     -^^^^"/>
    <TextBlock x:Name="DetailsText3" Canvas.Top="30" Canvas.Left="5" Height="17" TextWrapping="Wrap" FontFamily="Segoe UI" FontSize="8" Foreground="#FFA7A47F" Text="Trans. Date:  3 Nov 07"/>
	</Canvas>
    </Canvas>
</Canvas>
<!-- end Icon_Mastercard -->
